@charset "utf-8";
header {
	color:rgba(102,153,255,1);
	font-family:Consolas, "Segoe UI", "微软雅黑";
	height:120px;
}
#title {
	text-align:center;
	margin-top:30px;
	height:60px;
	font-size:36px;
	text-shadow: -1px -1px 3px #ffb69a,1px 1px 3px #922e09,-1px -1px #ffb69a,1px 1px #922e09;
}
#seatwords{
	float:right;
	font-size:20px;
	margin-right:30px;
	}
.main-nav{
	margin:10px auto;
	width:960px;
	height:200px;
}
.main-nav .links{
	float:left;
	position:relative;
	margin:0 8px auto;
	width:220px;
	height:180px;
	overflow:hidden;
	-moz-transition:background-color .3s ease-in-out;
	-webkit-transition:background-color .3s ease-in-out;
	-o-transition:background-color .3s ease-in-out;
	-ms-transition:background-color .3s ease-in-out;
	transition:background-color .3s ease-in-out;
}
.main-nav .links1{background-color: orange;}
.main-nav .links2{background-color: green;}
.main-nav .links3{background-color: blue;}
.main-nav .links4{background-color: red;}

.main-nav .links .intro{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-24px;
	width:100%;
	line-height:48px;
	font:48px/1 Consolas, "Segoe UI", "微软雅黑";
	color:#09C;
	text-align:center;
	-moz-transition:top .3s ease-in-out,color .3s ease-in-out;
	-webkit-transition:top .3s ease-in-out,color .3s ease-in-out;
	-o-transition:top .3s ease-in-out,color .3s ease-in-out;
	-ms-transition:top .3s ease-in-out,color .3s ease-in-out;
	transition:top .3s ease-in-out,color .3s ease-in-out;
}
.main-nav .links:hover{
	
	text-shadow: -1px -1px 3px #ffb69a,1px 1px 3px #922e09,-1px -1px #ffb69a,1px 1px #922e09;
	background: url(go.png) no-repeat 164px 6px;
	background-color:#0F0;
	}

.main-nav .links:hover .intro{top:70%;color:#f66;}
#inner{
	height:100px;
	background-color:rgba(153,153,153,1);
}
body {

}

